import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import son from './views/09组件/son.vue'

// 注册全局组件Vue.component('标签名',组件)
Vue.component("mySon", son)

// 全局混入
import { mixin } from './mixin'
Vue.mixin(mixin)
//全局自定义组件
Vue.directive("hi", {
  // 指令和元素绑定的时候触发
  bind(element, value) {
    element.value = value.value + "hi"
    console.log(element, value, '绑定的时候');

  },
  // 渲染的时候触发
  inserted(element, value) {
    console.log(element, value, '渲染的时候');
    element.focus()
  },
  // 数据更新的时候触发
  update(element, value) {
    console.log(element, value, '数据更新的时候');
  }
})

Vue.config.productionTip = false
// diff算法 虚拟dom  先比对差异 只更新有差异的地方

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
